<template>
  <div class="load" v-if="flag" :style="{width,height}">
    <!-- <button @click="xiao">取消</button> -->
    <h1>{{ title}}</h1>
    <main>
      <slot></slot>
    </main>
    
  </div>
</template>
<script>
export default {
  name: '',
  props: {
    flag: Boolean,
    width:{
      type:String,
      default:'50%'
    },
    height:{
      type:String,
      default:'50%'
    },
    title:{
      type:String
    }
  },
  data () {
    return {

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    
  }
}
</script>
<style lang='less'  scoped>
.load {
  width: 100vw;
  height: 100vh;
  background: rgba(125, 125, 125, 0.5);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
</style>
